
<!doctype html>
<html lang="zxx">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>zlx</title>
  <!-- Template CSS -->
  <link rel="stylesheet" href="assets/css/style-starter.css">
  <!-- Template CSS -->
  <link href="http://fonts.googleapis.com/css?family=Spartan:400,500,600,700,900&display=swap" rel="stylesheet">
  <link rel="shortcut icon" href="assets/images/zlx.ico" type="image/x-icon">
  <!-- Template CSS -->
  <style type="text/css">
  	.img-content{
		margin: 24px;
	}
	.img-content img{
		width: 100%;
		border: 0.5px solid #F0F4FF;
		margin-bottom: 24px;
	}
  </style>

</head>
<body>
<section class="w3l-banner-main w3l-inner-page-main">
  <div class="breadcrumb-infhny">
    <header id="site-header" class="header-top">
      <nav class="navbar navbar-expand-lg shift " id="header">
        <a class="navbar-brand" href="index.html">
          Ideal<span class="dot-1">.</span>
        </a>
        <button class="navbar-toggler bg-gradient" type="button" data-toggle="collapse"
          data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
          aria-label="Toggle navigation"><span class="navbar-toggler-icon fa fa-bars"> </span>
        </button>

        <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">回到首页</a>
            </li>
          </ul>

        </div>
      </nav>
    </header>

  </div>
  <nav id="breadcrumbs" class="breadcrumbs">
    <div class="page-wrapper">
      <a href="index.html">首页</a> » <span class="breadcrumb_last" aria-current="page">作品详情</span></div>
  </nav>
</section>

 <div class="img-content">
	 <!-- <p style="text-align: left; font-size: 18px;">PC端原型设计：<a href="https://bj1hwc.axshare.com" target="_blank" style="color: #ff5959;">https://bj1hwc.axshare.com</a></p>
	 <p style="text-align: left; font-size: 18px;">PAD端原型设计：<a href="https://z6fhtl.axshare.com" target="_blank" style="color: #ff5959;">https://z6fhtl.axshare.com</a></p>
	 <p style="text-align: left; font-size: 18px;">PRD文档设计：<a href="https://docs.qq.com/doc/DUERXalRmU29sckxL" target="_blank" style="color: #ff5959;">https://docs.qq.com/doc/DUERXalRmU29sckxL</a></p> -->
	 <!-- <p style="text-align: left; font-size: 18px;">设计规范设计：<a href="https://docs.qq.com/doc/DUHBsYkZKRXFqbHJR" target="_blank" style="color: #ff5959;">https://docs.qq.com/doc/DUHBsYkZKRXFqbHJR</a></p> -->
	<!-- <img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/00YJN.jpg" width="100%" > -->
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/01YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/02YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/03YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/04YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/05YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/06YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/08YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/20YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/21YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/22YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/24YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/25YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/25YJN-2.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/26YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/27YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/28YJN.png" width="100%" >
	<!-- <p style="text-align: left; font-size: 18px;">PAD端原型设计：<a href="https://z6fhtl.axshare.com" target="_blank" style="color: #ff5959;">https://z6fhtl.axshare.com</a></p> -->
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/29YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/30YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/31YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/32YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/33YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/34YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/35YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/vpo1.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/vpo2.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/vpo3.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/vpo4.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/37YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/38YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/39YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/40YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/41YJN.jpg" width="100%" >
	
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/44YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/46YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/47YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/48YJN.jpg" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/49YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/50YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/51YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/52YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/53YJN.png" width="100%" >
	<img src="http://t56z0xbgn.hd-bkt.clouddn.com/YunJingNiang/54YJN.jpg" width="100%" >
	
</div>

<!-- footer -->
<footer class="w3l-footer-16">
    <div class="footer-content py-lg-5 py-4 text-center">
        <div class="container">
            
            <button onclick="topFunction()" id="movetop" title="Go to top">
                <span class="fa fa-angle-up"></span>
            </button>
        </div>
    </div>

    <!-- move top -->
    <script>
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () {
            scrollFunction()
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("movetop").style.display = "block";
            } else {
                document.getElementById("movetop").style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>
    <!-- //move top -->
    <script>
        $(function () {
            $('.navbar-toggler').click(function () {
                $('body').toggleClass('noscroll');
            })
        });
    </script>
</footer>
<!-- //footer -->

</body>

</html>

<script src="assets/js/jquery-3.3.1.min.js"></script>


<script src="assets/js/bootstrap.min.js"></script>
